<script setup lang="ts">
import { onMounted, reactive } from 'vue'


onMounted(() => {
  let img = localStorage.getItem('imgUrl')
  if (img) af.img_src = JSON.parse(img) 
  
})

const af = reactive({
  img_src: './assets/sakura.jpg'
})
</script>

<template>
  <div class="container" :style="{ backgroundImage: `url(${af.img_src})` }">
    <router-view></router-view>
  </div>
</template>

<style lang="scss">
@import './style/index.scss';
.container {
  background-size: cover;
  height: 100vh;
  opacity: .8;
}
</style>
